<%--
  Created by IntelliJ IDEA.
  User: josmaguirre
  Date: 30/12/14
  Time: 03:19 PM
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE HTML>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Sistema de Deteccion de Cambios en Paginas Web</title>
    <link rel="stylesheet" href="resources/css/bootstrap.css"/>
    <link rel="stylesheet" href="resources/css/font-awesome.css"/>
    <link rel="stylesheet" href="resources/css/jquery.dataTables.css"/>
    <link rel="stylesheet" href="resources/css/changedetection.css"/>
    <!--link rel="stylesheet" href="css/main_styles.css" type="text/css"/-->
</head>
<body>
<div id="wrap">
    <jsp:include page="header.jsp"/>
    <div class="container-fluid">
        <div class="col-sm-12">
            <p class="main_title">Comparaciones</p>
        </div>
        <jsp:include page="loader.jsp"/>
        <div id="modal-comparations" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <a type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></a>
                        <h4 class="modal-title"></h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <p id="modal_message"></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label>
                                        Nombre Rastreo
                                        <select id="crawl_options" class="form-control" data-style="btn btn-primary"></select>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>
                                        Frecuencia (Dias)
                                        <input id="frecuencia" class="form-control" type="text"/>
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>
                                        CS
                                        <input id="cs" class="form-control" type="number" min="0" max="1" step="0.1"/>
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>
                                        Contenido(%)
                                        <input id="contenido" class="form-control" type="number" min="0" max="100" step="1"/>
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>
                                        Atributos(%)
                                        <input id="atributos" class="form-control" type="number" min="0" max="100" step="1"/>
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>
                                        Estructura(%)
                                        <input id="estructura" class="form-control" type="number" min="0" max="100" step="1"/>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                        <button id="save_button" type="button" class="btn btn-primary">Guardar</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        <div id="main_comparaciones" clas="col-sm-12">
            <div class="col-sm-12">
                <div id="message-container" class="col-sm-6 centered alert">
                    <p id="message" align="center"></p>
                </div>
            </div>
            <div class="col-sm-12">
                <ul class="table-options">
                    <li id="add-button" class="add"><i class="fa fa-plus-square-o"></i></li>
                    <li id="mod-button" class="modify"><i class="fa fa-pencil-square-o"></i></li>
                    <li id="del-button" class="delete"><i class="fa fa-minus-square-o"></i></li>
                </ul>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-12">
                    <div class="table-responsive">
                        <table id="comparations-table" class="display">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Frecuencia</th>
                                    <th>Estado</th>
                                    <th>Fecha Ult. Rastreo</th>
                                    <th>Fecha Prox. Rastreo</th>
                                    <th>Coeficiente Sim.</th>
                                    <th>Contenido(%)</th>
                                    <th>Atributos(%)</th>
                                    <th>Estructura(%)</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="push"></div>
</div>
<div id="footer" class="container-fluid">
    <jsp:include page="footer.jsp"/>
</div>

<!--div class="content_div_style">
    <br/>
    <p class="content">
        Pagina para deteccion de cambios a nivel de estructura y contenido en Paginas Web.
        El contenido de la pagina accedida desde internet sera conparada con la informacion
        suministrada por el crawler (Heritrix) para validar si dicha pagina ha cambiado en el
        tiempo.
    </p>
    <p class="content">
        Para ello se denotaran dos enfoques que podran ser seleccionados.<br/>
    </p>
    <p class="content">
        El resultado mostrara la informacion de la pagina resaltando los valores que hayan sido cambiados en la pagina
    </p>
</div-->
<script type="text/javascript" src="resources/js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="resources/js/bootstrap.js"></script>
<script type="text/javascript" src="resources/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="resources/js/comun.js"></script>
<script type="text/javascript" src="resources/js/comparaciones/comparaciones.js"></script>

<script type="text/javascript">
    deleteMenuElementsActiveClass();
    $('#comparaciones').addClass('active');
</script>
</body>
</html>